﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>校园e网通-学生详情</title>
    <script src="assets/js/jquery-1.10.2.js"></script>
    <!-- Bootstrap Styles-->
    <script src="assets/js/bootstrap.min.js"></script>
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FontAwesome Styles-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <!-- Morris Chart Styles-->
    <link href="assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
    <!-- Custom Styles-->
    <link href="assets/css/custom-styles.css" rel="stylesheet" />
    <!-- Google Fonts-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
    <link rel="stylesheet" href="assets/js/Lightweight-Chart/cssCharts.css">
    <!-- 地区-->
    <link rel="stylesheet" type="text/css" href="assets/css/cityPicker.css">
    <script type="text/javascript" src="assets/js/cityData.js"></script>
    <script type="text/javascript" src="assets/js/cityPicker.js"></script>
    <!-- 时间-->
    <link rel="stylesheet" type="text/css" media="all" href="assets/css/daterangepicker.css" />
    <script type="text/javascript" src="assets/js/moment.js"></script>
    <script type="text/javascript" src="assets/js/daterangepicker.js"></script>
    <style type="text/css">
    #msg{
    height: 4rem;
    text-align: center;
    position: fixed;
    top: 20%;
    margin-top: -1rem;
    line-height: 4rem;
    width: 100%;
    }
    #msg span{
    color: #fff;
    background: rgba(0,0,0,0.6);
    height: 4rem;
    display: inline-block;
    padding: 0 3rem;
    border-radius: 5px;
    }
    </style>
    
    <script type="text/javascript">
        $(function() {
        	
        	function alert(e){
                $("body").append("<div id='msg'><span>"+e+"</span></div>");
                clearmsg();
            }
            function clearmsg(){
                var t = setTimeout(function(){
                    $("#msg").remove();
                },2000)
            };
getName();
        	
        	getMenu();
            <!-- 日期选择器配置-->
            $('input[name="birthdate"]').daterangepicker({
                autoUpdateInput:true,
                singleDatePicker: true,
                showDropdowns: true,
                timePicker:true,
                "locale": {
                    "format": "MM/DD/YYYY h:mm A",
                    "daysOfWeek": [
                        "日",
                        "一",
                        "二",
                        "三",
                        "四",
                        "五",
                        "六"
                    ],
                    "monthNames": [
                        "一月",
                        "二月",
                        "三月",
                        "四月",
                        "五月",
                        "六月",
                        "七月",
                        "八月",
                        "九月",
                        "十月",
                        "十一月",
                        "十二月"
                    ],
                    "applyLabel": "确定",
                    "cancelLabel": "取消"
                }
            });
            $('input[name="daterange"]').daterangepicker({
                alwaysShowCalendar:true,
                "locale": {
                    "format": "MM/DD/YYYY",
                    "daysOfWeek": [
                        "日",
                        "一",
                        "二",
                        "三",
                        "四",
                        "五",
                        "六"
                    ],
                    "monthNames": [
                        "一月",
                        "二月",
                        "三月",
                        "四月",
                        "五月",
                        "六月",
                        "七月",
                        "八月",
                        "九月",
                        "十月",
                        "十一月",
                        "十二月"
                    ],
                    "applyLabel": "确定",
                    "cancelLabel": "取消"
                }
            });
            <!-- 保存按钮点击事件-->
            $("button[name='save']").click(function(){
                alert("保存成功");
                location.reload();
            });
        });
function getName(){
        	
        	$.ajax({
        		url:'getname.action',
        		type: "post",
        		async: false,
        		dataType: 'json',
                success: function (data) {
                	
                	$("#PICname").val(data.pc_id);
                	
                	$("#userName").html(data.pc_name);
                	
                	
                }
        		
        	})
        }
        function getMenu(){
        	
        	  $.ajax({
        		type:"get",
        		url:"/CRM/menu/getMenuTreeByRole.action",
        		data:{
        			user:$("#PICname").val()
        		},
        		async: false,
        		contentType:"application/json;charset=utf-8",
        		dataType:'json',
        		
        		
        		success:function(data){
        	       var str = '' ;
        	       
        	       str += '<nav class="navbar-default navbar-side" role="navigation"><div class="sidebar-collapse">';
        	       str += '<ul class="nav" id="main-menu"><li id="addMenu">';
        	       str += '<a href="index.html"><i class="fa fa-home"></i> 首页</a></li>';
        	       
        	       
        			$.each(data,function(index,menuTree){
        				str += '<li><a href="#"><i class="fa fa-sitemap"></i>'+menuTree.text+'<span class="fa arrow"></span></a>' ;
        				str += '<ul class="nav nav-second-level">';
        				$.each(menuTree.children,function(index,menu){
            				str += '<li><a href="'+menu.url+'">'+menu.text+'</a></li>' ;
            			})
            			str += '</ul></li>';
        			})
        			
        	
        			
        			str += '<li><a href="analysis.html"><i class="fa fa-bar-chart-o"></i> 统计分析</a>';
        			str += '</li></ul></div></nav>';
        			
        			$('#addMenu').html(str);

        		
        			
        		}
        	});
        }
        function byebye(){
    		$.ajax({
    			url:'byebye.action',
    			type:'post',
    			success:function(data){
    				location.reload();
    			}
    		})
    	}

    </script>

</head>

<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                    <a class="navbar-brand" href="index.html"><strong>校园e网通</strong></a>

		<div id="sideNav" href=""><i class="fa fa-caret-right"></i></div>
            </div>

            <ul class="nav navbar-top-links navbar-right">

                <!-- /.dropdown -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                        <i class="fa fa-bell fa-fw"></i> 通知&nbsp;<i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-alerts">
                        <li>
                            <a class="text-center" href="#">
                                <div>
                                    <i class="fa fa-tasks fa-fw"></i> 共有4条新消息

                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-comment fa-fw"></i> 新消息
                                    <span class="pull-right text-muted small">5 min 前</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-comment fa-fw"></i> 新消息
                                    <span class="pull-right text-muted small">6 min 前</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-comment fa-fw"></i> 新消息
                                    <span class="pull-right text-muted small">7 min 前</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-comment fa-fw"></i> 新消息
                                    <span class="pull-right text-muted small">8 min 前</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="text-center" href="#">
                                <strong>查看所有消息</strong>
                                <i class="fa fa-angle-right"></i>
                            </a>
                        </li>
                    </ul>
                    <!-- /.dropdown-alerts -->
                </li>
                <!-- /.dropdown -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                        <i class="fa fa-user fa-fw"></i>
                        <input type="hidden" id="PICname"  readonly/>
                        <span id="userName"></span>
                        <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="#" data-toggle="modal" data-target="#information"><i class="fa fa-user fa-fw"></i> 个人信息</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#"><i class="fa fa-gear fa-fw"></i> 个性化首页</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#" data-toggle="modal" data-target="#out"><i class="fa fa-sign-out fa-fw"></i> 安全退出</a>
                        </li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>
        </nav>
        <!--个人信息-->
        <div class="modal fade" id="information" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="informationLabel">
                            编辑信息
                        </h4>
                    </div>
                    <div class="modal-body text-center">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">姓名：</span>
                                <input type="text" class="form-control" placeholder="张三">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">邮箱：</span>
                                <input type="text" class="form-control" placeholder="123456879@qq.com">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">班级：</span>
                                <input type="text" class="form-control" placeholder="14080241" disabled="disabled">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">学号：</span>
                                <input type="text" class="form-control" placeholder="1408024132">
                            </div>
                            <div class="input-group">
                                <span class="input-group-addon">政治面貌：</span>
                                <input type="text" class="form-control" placeholder="团员">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">性别：</span>
                                <input type="radio" class="" value="0" name="sex">男
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <input type="radio" class="" value="1" name="sex">女
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">头像：</span>
                                <input type="file" class="form-control">
                            </div>
                        </form>

                    </div>
                    <div class="modal-footer">

                        <button type="button" class="btn btn-primary" name="save">
                            保存
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!--新增合同-->
        <div class="modal fade" id="addcontract" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title">
                            新增学生
                        </h4>
                    </div>
                    <div class="modal-body text-center pre-scrollable">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">学生名称：</span>
                                <input type="text" class="form-control" placeholder="">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">学生班级：</span>
                                <select class="form-control">
                                    <option>14080141</option>
                                    <option>14080241</option>
                                    <option>14080541</option>
                                    <option>14080741</option>
                                    <option>14080941</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">政治面貌：</span>
                                <select class="form-control">
                                    <option>选择政治面貌</option>
                                    <option>无</option>
                                    <option>团员</option>
                                    <option>党员</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                           
                            <div class="input-group">
                                <span class="input-group-addon">照片作业：</span>
                                <input type="file" class="form-control" placeholder="">
                            </div>

                        </form>

                    </div>
                    <div class="modal-footer">


                        <button type="button" class="btn btn-primary" name="save">
                            保存
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!--新增跟进-->
        <div class="modal fade" id="addgenjin" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="addClueLabel">
                            新增跟进
                        </h4>
                    </div>
                    <div class="modal-body text-center pre-scrollable">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">联系方式：</span>
                                <select class="form-control">
                                    <option>电话</option>
                                    <option>QQ</option>
                                    <option>微信</option>
                                    <option>当面拜访</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">跟进时间：</span>
                                <input type="text" class="form-control" name="birthdate" value=""  />
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">作业内容：</span>
                                <textarea class="form-control" rows="5"></textarea>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">客户：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <input type="text" class="form-control" placeholder="祥美化工" disabled>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">跟进状态：</span>
                                <select class="form-control">
                                    <option>初步接触</option>
                                    <option selected>意向客户</option>
                                    <option>报价客户</option>
                                    <option>成交客户</option>
                                    <option>搁置客户</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">联系人：&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <select class="form-control">
                                    <option>选择联系人</option>
                                    <option>张三</option>
                                    <option>李四</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">下次跟进：</span>
                                <input type="text" class="form-control" name="birthdate" value=""  />
                            </div>
                        </form>

                    </div>
                    <div class="modal-footer">

                        <button type="button" class="btn btn-primary" name="save">
                            保存
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!--新增提醒-->
        <div class="modal fade" id="tixing" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title">
                            新增提醒
                        </h4>
                    </div>
                    <div class="modal-body text-center pre-scrollable">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">提醒内容：</span>
                                <select class="form-control">
                                    <option>请选择提醒内容</option>
                                    <option>打电话给客户</option>
                                    <option>发邮件给客户</option>
                                    <option>拜访客户</option>
                                    <option>开会</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">提醒时间：</span>
                                <input type="text" class="form-control" name="birthdate" value=""  />
                            </div>
                        </form>

                    </div>
                    <div class="modal-footer">

                        <button type="button" class="btn btn-primary" name="save">
                            保存
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!--新增费用-->
        <div class="modal fade" id="feiyong" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title">
                            新增费用
                        </h4>
                    </div>
                    <div class="modal-body text-center pre-scrollable">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">费用编号：</span>
                                <input type="text" class="form-control" />
                            </div>
                            <br/>
                            <div class="input-group">
                                <span class="input-group-addon">费用类型：</span>
                                <select class="form-control">
                                    <option>请选择费用类型</option>
                                    <option>招待费</option>
                                    <option>交通费</option>
                                    <option>酒店费</option>
                                    <option>通讯费</option>
                                    <option>物流费</option>
                                    <option>礼品费</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">费用描述：</span>
                                <textarea class="form-control" rows="4"></textarea>
                            </div>
                            <br/>
                            <div class="input-group">
                                <span class="input-group-addon">费用金额：</span>
                                <input type="text" class="form-control" />
                            </div>
                            <br/>
                            <div class="input-group">
                                <span class="input-group-addon">发生时间：</span>
                                <input type="text" class="form-control" name="birthdate"/>
                            </div>
                            <br/>
                            <div class="input-group">
                                <span class="input-group-addon">对应客户：</span>
                                <input type="text" class="form-control" value="祥美化工" disabled/>
                            </div>
                            <br/>
                            <div class="input-group">
                                <span class="input-group-addon">联系人：&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <input type="text" class="form-control" />
                            </div>
                            <br/>
                            <div class="input-group">
                                <span class="input-group-addon">机会/合同：</span>
                                <select class="form-control">
                                    <option>请选择</option>
                                    <option>机会</option>
                                    <option>合同</option>
                                </select>
                            </div>
                            <br/>
                            <div class="input-group">
                                <span class="input-group-addon">对应名称：</span>
                                <input type="text" class="form-control" />
                            </div>
                            <br/>
                            <div class="input-group">
                                <span class="input-group-addon">跟进记录：</span>
                                <input type="text" class="form-control" />
                            </div>
                            <br/>
                            <div class="input-group">
                                <span class="input-group-addon">拜访签到：</span>
                                <input type="text" class="form-control" />
                            </div>
                            <br/>
                            <div class="input-group">
                                <span class="input-group-addon">上传作业：</span>
                                <input type="file" class="form-control" />
                            </div>
                            <br/>
                            <div class="input-group">
                                <span class="input-group-addon">负责人：&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <select class="form-control">
                                    <option>请选择负责人</option>
                                    <option>张三</option>
                                    <option>李四</option>
                                    <option>其它</option>
                                </select>
                            </div>
                        </form>

                    </div>
                    <div class="modal-footer">

                        <button type="button" class="btn btn-primary" name="save">
                            保存
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!--新增作业-->
        <div class="modal fade" id="fujian" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title">
                            新增作业
                        </h4>
                    </div>
                    <div class="modal-body text-center pre-scrollable">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">上传作业：</span>
                                <input type="file" class="form-control">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">备注：</span>
                                <textarea class="form-control" rows="5"></textarea>
                            </div>
                        </form>

                    </div>
                    <div class="modal-footer">

                        <button type="button" class="btn btn-primary" name="save">
                            保存
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!--转移给他人-->
        <div class="modal fade" id="toother" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title">
                            合同负责人转移
                        </h4>
                    </div>
                    <div class="modal-body text-center pre-scrollable">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">新负责人：</span>
                                <select class="form-control">
                                    <option>选择新负责人</option>
                                    <option>张三</option>
                                    <option>李四</option>
                                    <option>其它</option>
                                </select>
                            </div>
                        </form>

                    </div>
                    <div class="modal-footer">

                        <button type="button" class="btn btn-primary" name="save">
                            保存
                        </button>
                        <button type="button" class="btn btn-default">
                            取消
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!--新增消费记录-->
        <div class="modal fade" id="payment-record" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title">
                            新增消费记录
                        </h4>
                    </div>
                    <div class="modal-body text-center pre-scrollable">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">消费日期：</span>
                                <input type="text" class="form-control" name="birthdate" value=""  />
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">消费金额：</span>
                                <input type="text" class="form-control" placeholder="">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">对应客户：</span>
                                <select class="form-control">
                                    <option>请选择客户</option>
                                    <option>张三</option>
                                    <option>李四</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">合同名称：</span>
                                <select class="form-control">
                                    <option>请选择合同</option>
                                    <option>合同1</option>
                                    <option>合同2</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">消费期次：</span>
                                <select class="form-control">
                                    <option>请选择期次</option>
                                    <option>第一期</option>
                                    <option>第二期</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">付款方式：</span>
                                <select class="form-control">
                                    <option>请选择付款方式</option>
                                    <option>支票</option>
                                    <option>现金</option>
                                    <option>银行转账</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">消费类型：</span>
                                <select class="form-control">
                                    <option>请选择消费类型</option>
                                    <option>正常消费</option>
                                    <option>退款</option>
                                    <option>保证金</option>
                                    <option>预收款</option>
                                    <option>尾款</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">收款人：&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <select class="form-control">
                                    <option>选择收款人</option>
                                    <option>张三</option>
                                    <option>李四</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">备注：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <textarea class="form-control" rows="4"></textarea>
                            </div>
                        </form>

                    </div>
                    <div class="modal-footer">

                        <button type="button" class="btn btn-primary" name="save">
                            保存
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!--新增开票记录-->
        <div class="modal fade" id="billing-record" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title">
                            新增开票记录
                        </h4>
                    </div>
                    <div class="modal-body text-center pre-scrollable">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">开票日期：</span>
                                <input type="text" class="form-control" name="birthdate" value=""  />
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">票据内容：</span>
                                <input type="text" class="form-control" placeholder="">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">开票金额：</span>
                                <input type="text" class="form-control" placeholder="">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">对应客户：</span>
                                <select class="form-control">
                                    <option>请选择客户</option>
                                    <option>张三</option>
                                    <option>李四</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">合同名称：</span>
                                <select class="form-control">
                                    <option>请选择合同</option>
                                    <option>合同1</option>
                                    <option>合同2</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">票据类型：</span>
                                <select class="form-control">
                                    <option>请选择票据类型</option>
                                    <option>增值税普通发票</option>
                                    <option>增值税专业发票</option>
                                    <option>国税通用机打发票</option>
                                    <option>地税通用机打发票</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">发票号码：</span>
                                <input type="text" class="form-control" placeholder="">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">经手人：&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <select class="form-control">
                                    <option>选择经手人</option>
                                    <option>张三</option>
                                    <option>李四</option>
                                    <option>其它</option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">备注：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <textarea class="form-control" rows="4"></textarea>
                            </div>
                        </form>

                    </div>
                    <div class="modal-footer">

                        <button type="button" class="btn btn-primary" name="save">
                            保存
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!--安全退出-->
        <div class="modal fade" id="out" tabindex="-1" role="dialog" aria-labelledby="outLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="outLabel">
                            确定要退出吗？
                        </h4>
                    </div>
                    <div class="modal-body">
                        &nbsp;
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary" onclick="byebye()">
                            安全退出
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!--/. NAV TOP  -->
        <div id="addMenu"></div>
        <!-- /. NAV SIDE  -->

		<div id="page-wrapper">
		  <div class="header">
                        <h1 class="page-header">
                            【14080241】张三
                            <small>
                            负责人：张三&nbsp;&nbsp;&nbsp;&nbsp;
                                <span class="" data-toggle="tooltip" data-placement="right" title=" 协作人仅能查看、编辑此数据，以及写跟进。">
                                    协作人
                                </span>：暂无
                        </small>
                        </h1>
						<ol class="breadcrumb" >
					        <li><a href="index.html">校园e网通</a></li>
                            <li><a href="#">学生管理</a></li>
					        <li><a href="contract.html">学生信息</a></li>
					        <li class="active">【14080241】张三</li>
					    </ol>

		  </div>
            
         
            <div id="page-inner">

                <!-- /. ROW  -->

                <ul id="myTab" class="nav nav-tabs">
                    <li class="active">
                        <a href="#allClue" data-toggle="tab">
                            基本信息
                        </a>
                    </li>
                    <li><a href="#huikuan" data-toggle="tab">消费</a></li>
                    <li><a href="#myClue" data-toggle="tab">提醒</a></li>
                    <li><a href="#customer" data-toggle="tab">作业</a></li>
                    <li><a href="#journal" data-toggle="tab">操作日志</a></li>
                </ul>
                <div id="myTabContent" class="tab-content breadcrumb" >
                    <br>
                    <!-- 基本信息  -->
                    <div class="tab-pane fade in active text-left" id="allClue">
                        <div class="row clearfix">
                            <div class="col-md-6 column" >
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">基本资料</h3>
                                    </div>
                                    <div class="panel-body table-responsive">
                                        <table class="table">
                                            <tr><td width="20%">学生名称：</td><td>张三</td></tr>
                                            <tr><td>所在班级：</td><td>14080241</td></tr>
                                            <tr><td>学号：</td><td>1408024132</td></tr>
                                            <tr><td>学生卡金额：</td><td>¥ 57,500.00</td></tr>
                                            <tr><td>入学日期：</td><td>2014-09-5</td></tr>
                                            
                                        </table>
                                    </div>
                                </div>
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">消费信息</h3>
                                    </div>
                                    <div class="panel-body table-responsive">
                                        <table class="table">
                                            <tr><td width="20%">本月消费金额：</td><td>¥ 0.00</td></tr>
                                            <tr><td>余额：</td><td>¥ 19,164.75</td></tr>
                                            <tr><td>圈存未领取：</td><td>¥ 19,164.75</td></tr>
                                            <tr><td>补助未领取：</td><td>¥ 19,164.75</td></tr>
                                        </table>
                                    </div>
                                </div>
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">其他信息</h3>
                                    </div>
                                    <div class="panel-body table-responsive">
                                        <table class="table">
                                            <tr><td width="20%">合同状态：</td><td>执行中</td></tr>
                                            <tr><td>合同编号：</td><td>HT201804080001</td></tr>
                                            <tr><td>合同类型：</td><td>直销合同</td></tr>
                                            <tr><td>付款方式：</td><td>银行转账</td></tr>
                                            <tr><td>客户方签约人：</td><td>--------</td></tr>
                                            <tr><td>我方签约人：</td><td>--------</td></tr>
                                            <tr><td>合同作业：</td><td>--------</td></tr>
                                            <tr><td>下次跟进时间：</td><td>--------</td></tr>
                                            <tr><td>备注：</td><td>--------</td></tr>
                                        </table>
                                    </div>
                                </div>
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">系统信息</h3>
                                    </div>
                                    <div class="panel-body table-responsive">
                                        <table class="table">
                                            <tr><td width="20%">负责人：</td><td>张三</td></tr>
                                            <tr><td>创建人：</td><td>张三</td></tr>
                                            <tr><td>前负责人：</td><td>李四</td></tr>
                                            <tr><td>所属部门：</td><td>营销部</td></tr>
                                            <tr><td>前所属部门：</td><td>销售部</td></tr>
                                            <tr><td>创建时间：</td><td>2018-04-10 10:18</td></tr>
                                            <tr><td>更新于：</td><td>2018-04-10 10:18</td></tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 column">
                                <h4 class="page-header" style="height: 50px;padding-top: 15px">
                                    作业信息
                                </h4>
                                <br/>
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h3 class="panel-title" style="text-align:left">04/13/2018 12:00 AM</h3>
                                    </div>
                                    <div class="panel-body" style="text-align: center">
                                        <h4><i class="fa fa-user fa-fw"></i>张三</h4>
                                        <h4>布置方式：电话通知</h4>
                                        <h4>作业内容：电话通知</h4>
                                        <h4 style="text-align: right">来自老师 <a href="">宋老师</a></h4>
                                    </div>
                                </div>
                                <br/>
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h3 class="panel-title" style="text-align:left">04/13/2018 12:00 AM</h3>
                                    </div>
                                    <div class="panel-body" style="text-align: center">
                                        <h4><i class="fa fa-user fa-fw"></i>张三</h4>
                                        <h4>布置方式：电话通知</h4>
                                        <h4>作业内容：电话通知</h4>
                                        <h4 style="text-align: right">来自老师 <a href="">宋老师</a></h4>
                                    </div>
                                </div>
                                <br/>
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h3 class="panel-title" style="text-align:left">04/13/2018 12:00 AM</h3>
                                    </div>
                                    <div class="panel-body" style="text-align: center">
                                        <h4><i class="fa fa-user fa-fw"></i>张三</h4>
                                        <h4>布置方式：电话通知</h4>
                                        <h4>作业内容：电话通知</h4>
                                        <h4 style="text-align: right">来自老师 <a href="">宋老师</a></h4>
                                    </div>
                                </div>
                                <br/>
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h3 class="panel-title" style="text-align:left">04/13/2018 12:00 AM</h3>
                                    </div>
                                    <div class="panel-body" style="text-align: center">
                                        <h4><i class="fa fa-user fa-fw"></i>张三</h4>
                                        <h4>布置方式：电话通知</h4>
                                        <h4>作业内容：电话通知</h4>
                                        <h4 style="text-align: right">来自老师 <a href="">宋老师</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 消费  -->
                    <div class="tab-pane fade" id="huikuan">
                        <div>
                            <span>计划消费总金额：¥ 19,164.75&nbsp;&nbsp;&nbsp;&nbsp;
                                已消费总金额：¥ 19,164.75 &nbsp;&nbsp;&nbsp;&nbsp;
                                未消费总金额：¥ 0.00(逾期未消费金额： ¥ 0.00)
                                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#payment-record" style="float: right">
                                    <i class="fa fa-folder fa-fw"></i>新建消费记录
                                </button>
                            </span>
                        </div>
                        <br/><br/>
                        <table class="table table-striped">
                            <thead>
                            <tr>第1期消费计划： 2018-04-09 &nbsp;&nbsp;&nbsp;&nbsp;
                                计划消费总金额：¥ 19,164.75 &nbsp;&nbsp;&nbsp;&nbsp;
                                已消费总金额：¥ 19,164.75 &nbsp;&nbsp;&nbsp;&nbsp;
                                未消费总金额：¥ 0.00 &nbsp;&nbsp;&nbsp;&nbsp;完成</tr>
                            <tr>
                                <th>操作</th>
                                <th>产品名称</th>
                                <th>产品编号</th>
                                <th>单价</th>
                                <th>售价</th>
                                <th>数量</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><a href="" data-toggle="modal" data-target="#payment-record">编辑</a>&nbsp;&nbsp;<a href="">删除</a></td>
                                <td>Tanmay</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                            </tr>
                            <tr>
                                <td><a href="" data-toggle="modal" data-target="#payment-record">编辑</a>&nbsp;&nbsp;<a href="">删除</a></td>
                                <td>Mumbai</td>
                                <td>400003</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td><a href="" data-toggle="modal" data-target="#payment-record">编辑</a>&nbsp;&nbsp;<a href="">删除</a></td>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td><a href="" data-toggle="modal" data-target="#payment-record">编辑</a>&nbsp;&nbsp;<a href="">删除</a></td>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td><a href="" data-toggle="modal" data-target="#payment-record">编辑</a>&nbsp;&nbsp;<a href="">删除</a></td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- 提醒  -->
                    <div class="tab-pane fade" id="myClue">
                        <div class="row clearfix">
                            <div class="col-md-6 column" >
                                <div>
                                    <button type="button" class="btn btn-default" data-toggle="modal" data-target="#tixing" >
                                        <i class="fa fa-folder fa-fw"></i>新建提醒
                                    </button>
                                </div>
                                <br/>
                                <div class="panel panel-success" >
                                    <div class="panel-heading">
                                        <h3 class="panel-title" style="text-align:right">04/13/2018 12:00 AM</h3>
                                    </div>
                                    <div class="panel-body" >
                                        <h4><i class="fa fa-user fa-fw"></i>张三</h4>
                                        <h4 style="text-align: center">提醒内容：发邮件给客户</h4>
                                        <button type="button" class="btn btn-default" style="float: right">删除</button>
                                    </div>
                                </div>
                                <br/>
                                <div class="panel panel-success" >
                                    <div class="panel-heading">
                                        <h3 class="panel-title" style="text-align:right">04/13/2018 12:00 AM</h3>
                                    </div>
                                    <div class="panel-body" >
                                        <h4><i class="fa fa-user fa-fw"></i>张三</h4>
                                        <h4 style="text-align: center">提醒内容：发邮件给客户</h4>
                                        <button type="button" class="btn btn-default" style="float: right">删除</button>
                                    </div>
                                </div>
                                <br/>
                                <div class="panel panel-success" >
                                    <div class="panel-heading">
                                        <h3 class="panel-title" style="text-align:right">04/13/2018 12:00 AM</h3>
                                    </div>
                                    <div class="panel-body" >
                                        <h4><i class="fa fa-user fa-fw"></i>张三</h4>
                                        <h4 style="text-align: center">提醒内容：发邮件给客户</h4>
                                        <button type="button" class="btn btn-default" style="float: right">删除</button>
                                    </div>
                                </div>
                                <br/>
                                <div class="panel panel-success" >
                                    <div class="panel-heading">
                                        <h3 class="panel-title" style="text-align:right">04/13/2018 12:00 AM</h3>
                                    </div>
                                    <div class="panel-body" >
                                        <h4><i class="fa fa-user fa-fw"></i>张三</h4>
                                        <h4 style="text-align: center">提醒内容：发邮件给客户</h4>
                                        <button type="button" class="btn btn-default" style="float: right">删除</button>
                                    </div>
                                </div>
                                <br/>
                                <div class="panel panel-success" >
                                    <div class="panel-heading">
                                        <h3 class="panel-title" style="text-align:right">04/13/2018 12:00 AM</h3>
                                    </div>
                                    <div class="panel-body" >
                                        <h4><i class="fa fa-user fa-fw"></i>张三</h4>
                                        <h4 style="text-align: center">提醒内容：发邮件给客户</h4>
                                        <button type="button" class="btn btn-default" style="float: right">删除</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 作业  -->
                    <div class="tab-pane fade" id="customer">
                        <div>
                            <button type="button" class="btn btn-default" data-toggle="modal" data-target="#fujian" >
                                <i class="fa fa-folder fa-fw"></i>上传作业
                            </button>
                        </div>
                        <br/>
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>上传时间</th>
                                <th>作业信息</th>
                                <th>老师编号</th>
                                <th>学科</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>Tanmay</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                            </tr>
                            <tr>
                                <td>Mumbai</td>
                                <td>400003</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- 操作日志  -->
                    <div class="tab-pane fade" id="journal">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>操作时间</th>
                                <th>操作人员</th>
                                <th>操作类型</th>
                                <th>字段名</th>
                                <th>旧字段值</th>
                                <th>新字段值</th>
                                <th>备注</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>Tanmay</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                            </tr>
                            <tr>
                                <td>Mumbai</td>
                                <td>400003</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                            </tr>。
                            <tr>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                            </tr>
                            <tr>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            <tr>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Pune</td>
                                <td>411027</td>
                                <td>Bangalore</td>
                                <td>560001</td>
                                <td>Bangalore</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>

                <!-- /. ROW  -->

				<footer>

                    <br/><br/><br/>

                    <p style="text-align: center">Copyright &copy; 2018.资鹏毕业设计All rights reserved.</p>


				</footer>
            </div>
            <!-- /. PAGE INNER  -->
        </div>
        <!-- /. PAGE WRAPPER  -->
    </div>
    <!-- /. WRAPPER  -->
    <!-- JS Scripts-->

    <!-- Metis Menu Js -->
    <script src="assets/js/jquery.metisMenu.js"></script>
    <!-- Morris Chart Js -->
    <script src="assets/js/morris/raphael-2.1.0.min.js"></script>
    <script src="assets/js/morris/morris.js"></script>


	<script src="assets/js/easypiechart.js"></script>
	<script src="assets/js/easypiechart-data.js"></script>

	 <script src="assets/js/Lightweight-Chart/jquery.chart.js"></script>
	
    <!-- Custom Js -->
    <script src="assets/js/custom-scripts.js"></script>




    <script>
        var cityPicker = new IIInsomniaCityPicker({
            data: cityData,
            target: '#cityChoice',
            valType: 'k-v',
            hideCityInput: '#city',
            hideProvinceInput: '#province',
            callback: function(city_id){
                $('#cityChoice').html(city_id);
            }
        });

        cityPicker.init();
    </script>
    <script>
        var cityPicker = new IIInsomniaCityPicker({
            data: cityData,
            target: '#cityChoice2',
            valType: 'k-v',
            hideCityInput: '#city2',
            hideProvinceInput: '#province2',
            callback: function(city_id){
                $('#cityChoice2').html(city_id);
            }
        });

        cityPicker.init();
    </script>

    <script>
        var cityPicker = new IIInsomniaCityPicker({
            data: cityData,
            target: '#cityChoice3',
            valType: 'k-v',
            hideCityInput: '#city3',
            hideProvinceInput: '#province3',
            callback: function(city_id){
                $('#cityChoice3').html(city_id);
            }
        });

        cityPicker.init();
    </script>


</body>

</html>